<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>1</button>
    <button>2</button>
    <button>3</button>
    <script>
        var btnEle = document.querySelectorAll("button");
        // 方法1：自执行函数用实参将i保存
        // for( var i = 0 ; i < btnEle.length ; i ++ ){
        //     (function(i){
        //         btnEle[i].onclick = function () {
        //             console.log(i);
        //         }
        //     })(i);
        // }
        // 方法2：用let声明i，将i变成块域作用
        // for( let i = 0 ; i < btnEle.length ; i ++ ){
        //     btnEle[i].onclick = function () {
        //         console.log(i);
        //     }
        // }
        // 方法3：用对象的键名
        
    </script>
</body>
</html>